<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/commonnav.css">
    <link rel="shortcur icon" href="img/ico.png">
    <link rel="bookmark" href="img/ico.png">
    <title>户里.家</title>
</head>
<body>
<!--main部分-->
<div class="main">
    <!--header-->
    <div class="header">
        <div class="dpi-1260 pos-rela">
            <!--头部背景-->
            <div class="header_bg">
                <img src="img/bg_header.jpg">
            </div>
            <!--联系我们横标按钮-->
            <a href="#" target="_blank" class="contUS_mark"></a>
            <!--logo-->
            <div class="logo">
                <!--返回首页链接按钮-->
                <a href="#" target="_self"></a>
            </div>
            <!--登陆按钮（用户名）&& 购物车组-->
            <div class="loginOrShop">
                <!--登陆按钮-->
                <a href="#" class="login"></a>
                <!--分隔线-->
                <span class="gap_line"></span>
                <!--购物车-->
                <a class="shoppingCar"></a>
            </div>
            <!--地区选择-->
            <div class="select_add dist-select">
                <i class="seclect_i">成都地区</i>
                <div class="select_list">
                    <span title="成都地区">成都地区</span>
                    <span title="北京地区">北京地区</span>
                    <span title="上海地区">上海地区</span>
                    <span title="深圳地区">深圳地区</span>
                    <span title="其他地区">其他地区</span>
                </div>
            </div>
        </div>
        <!--主导航栏-->
        <div class="main_nav">
            <div class="dpi-1260 dpi-mt">
                <ul>
                    <li class="ml-10">
                        <a href="#" target="_self" class="nav_a">沙发&nbsp;&nbsp;&nbsp;SOFAS</a>
                        <div>
                            <a href="#" target="_self" class="lev1-lo-1">单人位</a>
                            <a href="#" target="_self" class="lev1-lo-1">双人位</a>
                            <a href="#" target="_self" class="lev1-lo-1">三人位</a>
                            <a href="#" target="_self" class="lev1-lo-1">休闲沙发</a>
                            <a href="#" target="_self" class="lev1-lo-1">转角沙发</a>
                        </div>
                    </li>
                    <li>
                        <a href="#" target="_self" class="nav_a">桌椅&nbsp;&nbsp;&nbsp;TABLES/CHAIRS</a>
                        <div>
                            <a href="#" target="_self" class="lev2-lo-1">餐桌</a>
                            <a href="#" target="_self" class="lev2-lo-1 clearf-1">餐椅</a>
                            <a href="#" target="_self" class="lev2-lo-1">书桌</a>
                            <a href="#" target="_self" class="lev2-lo-1 clearf-1">凳子</a>
                            <a href="#" target="_self" class="lev2-lo-1">电脑桌</a>
                            <a href="#" target="_self" class="lev2-lo-1 clearf-1">休闲椅</a>
                            <a href="#" target="_self" class="lev2-lo-1">梳妆台</a>
                            <a href="#" target="_self" class="lev2-lo-1 clearf-1">户外椅</a>
                            <a href="#" target="_self" class="lev2-lo-1 clearf-1">其它</a>
                        </div>
                    </li>
                    <li>
                        <a href="#" target="_self" class="nav_a">床&nbsp;&nbsp;&nbsp;BEDS</a>
                        <div>
                            <a href="#" target="_self" class="lev1-lo-1">1.5米</a>
                            <a href="#" target="_self" class="lev1-lo-1">1.8米</a>
                            <a href="#" target="_self" class="lev1-lo-1">其它</a>
                        </div>
                    </li>
                    <li class="w-134">
                        <a href="#" target="_self" class="nav_a">柜&nbsp;&nbsp;&nbsp;STORAGE</a>
                        <div>
                            <a href="#" target="_self" class="w-56 lev2-lo-1">衣柜</a>
                            <a href="#" target="_self" class="w-56 lev2-lo-1 clearf-2">储物柜</a>
                            <a href="#" target="_self" class="w-56 lev2-lo-1">书柜</a>
                            <a href="#" target="_self" class="w-56 lev2-lo-1 clearf-2">电视柜</a>
                            <a href="#" target="_self" class="w-56 lev2-lo-1">鞋柜</a>
                            <a href="#" target="_self" class="w-56 lev2-lo-1 clearf-2">床头柜</a>
                            <a href="#" target="_self" class="w-56 lev2-lo-1 clearf-2">其它</a>
                        </div>
                    </li>
                    <li>
                        <a href="#" target="_self" class="nav_a">更多&nbsp;&nbsp;&nbsp;More</a>
                        <div>
                            <a href="#" target="_self" class="lev1-lo-1">组合产品</a>
                            <a href="#" target="_self" class="lev1-lo-1">日用家居</a>
                            <a href="#" target="_self" class="lev1-lo-1">家居饰品</a>
                            <a href="#" target="_self" class="lev1-lo-1">其它</a>
                        </div>
                    </li>
                    <!--搜索框-->
                    <div class="nav_search">
                        <input type="text" placeholder="搜索">
                        <i></i>
                    </div>
                </ul>
            </div>
        </div>
    </div>
    <!--content-->
    <div class="content">
        <!--动态加载首页-->
    </div>
    <!--footer-->
    <div class="footer">
        <!--下部分标语-->
        <div class="footer_title">生活要过得朴素而有味道，但不用过得奢华。</div>
        <!--宣传关键词标签-->
        <div class="footer_mark">
            <div class="footer_mark-keyword">
                <i>环保</i>
                <span>无甲醛 大自然</span>
            </div>
            <div class="footer_mark-keyword">
                <i>低价</i>
                <span>低于购买价6折</span>
            </div>
            <div class="footer_mark-keyword">
                <i>安全</i>
                <span>专业清洁消毒处理</span>
            </div>
            <div class="footer_mark-keyword">
                <i>省心</i>
                <span>专业物流配送安装</span>
            </div>
            <div class="footer_mark-keyword">
                <i>快捷</i>
                <span>24小时内送货</span>
            </div>
        </div>
        <!--footer信息-->
        <div class="footer_info dpi-1260">
            <!--第一列-->
            <div class="footer_info-content">
                <h2>关于我们</h2>
                <p>
                    <a href="#" target="_self">关于户里</a>
                    <a href="#" target="_self">注册协议</a>
                </p>
                <p>
                    <a href="#" target="_self">业务合作</a>
                    <a href="#" target="_self">免费声明</a>
                </p>
                <p>
                    <a href="#" target="_self">加入户里</a>
                    <a href="#" target="_self">隐私保护</a>
                </p>
            </div>
            <!--第二列-->
            <div class="footer_info-content">
                <h2>流程指南</h2>
                <p>
                    <a href="#" target="_self">购买家具</a>
                    <a href="#" target="_self">出售家具</a>
                </p>
                <p>
                    <a href="#" target="_self">支付方式</a>
                    <a href="#" target="_self">配送安装</a>
                </p>
                <p>
                    <a href="#" target="_self">售后保障</a>
                </p>
            </div>
            <!--第三列-->
            <div class="footer_info-content">
                <h2>会员中心</h2>
                <p>
                    <a href="#" target="_self">会员计划</a>
                </p>
                <p>
                    <a href="#" target="_self">积分规则</a>
                </p>
                <p>
                    <a href="#" target="_self">投诉建议</a>
                </p>
            </div>
            <!--第四列-->
            <div class="footer_info-content">
                <h2>联系客服</h2>
                <p class="h-14">
                    <span>电话:</span><br>
                    <span>028-67635062</span>
                </p>
                <p class="h-14">
                    <span>邮箱:</span><br>
                    <span>hello@hulihome.com</span>
                </p>
            </div>
            <!--第五列-->
            <div class="footer_info-content">
                <p>
                    <i class="sina_logo-small"></i>
                    <span>新浪微博@户里网</span>
                </p>
                <div class="sina_rqcode-small"></div>
            </div>
            <!--第六列-->
            <div class="footer_info-content addBorder">
                <p>
                    <i class="weixin_logo-small"></i>
                    <span>关注微信“户里网”</span>
                </p>
                <div class="weixin_rqcode-small"></div>
            </div>
        </div>
        <!--网站备案信息-->
        <div class="footer_copyright">蜀ICP备15028224号 成都户里科技有限公司</div>
    </div>
</div>
<!--弹出框-->
<div class="popbox">
    <span class="txtSure"></span>
    <button type="button" class="sureBtn">确认</button>
</div>
</body>
<!--js部分-->
<script src="js/index.js"></script>
<script src="js/commonnav.js"></script>

</html>